import React, { Component } from 'react'
import Swiper from './components/Swiper'

import HeaderBar from 'components/headerbar/HeaderBar'
import Search from 'components/search/Search'
import HotCate from './components/HotCate'
import Top10 from './components/Top10'
export default class CookBook extends Component {
    render() {
        
        return (
            <div>
                {/* 头部 */}
                <HeaderBar>菜谱大全</HeaderBar>
                {/* 轮播图 */}
                <Swiper></Swiper>
                {/* 搜索框 */}
                <Search hasBorder={true} placeholder="想吃什么，搜这里，如：川菜"></Search>
                {/* 数据 */}
                <HotCate></HotCate>
                {/* 数据2 */}
                <Top10></Top10>
            </div>
        )
    }
}
